<extend name="Layout:layout_dialog" />
<block name="head_after">
    <style type="text/css">
        .desktop { width:480px; float:left; margin-left:20px;}
        .desktop .item { padding:15px 20px; color:#FFF; display:inline-block; margin:5px;}
        .desktop .item a { color:#FFF; text-decoration: underline; padding:0px 5px; }
        .desktop .item h3 { font-size:16px; margin-bottom: 10px; font-weight: bold;}
        .desktop .item h3 i { margin-right:5px;}
        .desktop .item .status { line-height: 18px;}
        .desktop .dark-red { background-color: #DA542E;}
        .desktop .red { background-color:#F74D4D; }
        .desktop .blue { background-color: #25A9E3;}
        .desktop .lblue { background-color:#6DBCDB;}
        .desktop .dark-blue { background-color: #2255A4;}
        .desktop .green {background-color: #28B779;}
        .desktop .lgreen {background-color:#86A329;}
        .desktop .orange { background-color: #FFB848;}
        .desktop .dorange { background-color:#FE9C14;}
        #accordion li { line-height:21px;}
        #accordion li i { color:#999;}
    </style>
</block>
<block name="body_main">
    <div id="accordion" style="width:200px; float:left;">
        <foreach name="menuset" item="vo">
            <h3>{$vo.title}</h3>
            <div>
                <foreach name="vo['children']" item="vo2">
                    <ul>
                        <foreach name="vo2['children']" item="vo3">
                            <li><a class="menu-link" href="{:U($vo3['url'])}" data-id="{$vo3.id}"><i class="fa fa-caret-right fa-fw"></i>{$vo3.title}</a></li>
                        </foreach>
                    </ul>
                </foreach>
            </div>
        </foreach>
    </div>
    <div class="desktop">
        <ul>
            <li class="item blue">
                <h3><i class="fa fa-sticky-note-o fa-fw"></i>待办事项</h3>
                <div class="status">
                    待完成：<a href="#">30</a><br />
                    已完成：<a href="#">5</a><br />
                    总共：<a href="#">5</a>
                </div>
            </li>
            <li class="item red">
                <h3><i class="fa fa-line-chart fa-fw"></i>网站统计</h3>
                <div class="status">
                    今日访问：<a href="#">30</a><br />
                    本月访问：<a href="#">5</a><br />
                    总访问量：<a href="#">5</a>
                </div>
            </li>
            <li class="item dark-blue">
                <h3><i class="fa fa-users fa-fw"></i>客户管理</h3>
                <div class="status">
                    今日注册：<a href="#">30</a><br />
                    本月注册：<a href="#">5</a><br />
                    总数：<a href="#">5</a>
                </div>
            </li>
            <li class="item green">
                <h3><i class="fa fa-newspaper-o fa-fw"></i>文章管理</h3>
                <div class="status">
                    今日发布 / 拦截：<a href="#">30</a>/<a href="#">5</a><br />
                    本月发布：<a href="#">5</a><br />
                    总数：<a href="#">35</a>
                </div>
            </li>
            <li class="item lgreen">
                <h3><i class="fa fa-shopping-bag fa-fw"></i>商品管理</h3>
                <div class="status">
                    库存警告：<a href="#">30</a><br />
                    今日上架 / 下架：<a href="#">30</a>/<a href="#">10</a><br />
                    总数：<a href="#">65</a>
                </div>
            </li>
            <li class="item dorange">
                <h3><i class="fa fa-shopping-basket fa-fw"></i>订单管理</h3>
                <div class="status">
                    今日待发货 / 已发货：<a href="#">30</a>/<a href="#">10</a><br />
                    今日签收 / 拒签：<a href="#">30</a>/<a href="#">10</a><br />
                    总数：<a href="#">65</a>
                </div>
            </li>
        </ul>
    </div>
</block>
<block name="body_after">
    <script type="text/javascript">
        $(function () {
            $("#accordion").accordion();
        });
    </script>
</block>